/*
 * 组件下拉刷新、下拉加载样式
 */
.top-load-wrapper {
  line-height: 50px;
  text-align: center;
}

.bottom-load-wrapper {
  line-height: 50px;
  text-align: center;
}

.loading-bar {
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.icon-arrow {
  transition: .2s;
  transform: rotate(180deg);
}

.icon-loading {
  transform: rotate(0deg);
  animation-name: loading;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
